<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:fragment="mgrBody">
<head>
	<link rel="stylesheet" th:href="@{lib/oss-upload/oss-upload-style.css}" />
	<style type="text/css">
		/* Basic Grey */
		.basic-grey {
			margin-top:4px;
			margin-left:4px;
			width: 98%;
			/*	margin-left:auto;
                margin-right:auto;
                max-width: 1200px;
    		*/
			height: 800px;
			background: #F8F8F8;
			padding: 25px 15px 25px 10px;
			font: 12px Georgia, "Times New Roman", Times, serif;
			color: #888;
			border:1px solid #E4E4E4;
		}
		.basic-grey h1 {
			font-size: 25px;
			padding: 0px 0px 10px 40px;
			display: block;
			border-bottom:1px solid #E4E4E4;
			margin: -10px -15px 30px -10px;;
			color: #888;
		}
		.basic-grey h1>span {
			display: block;
			font-size: 11px;
		}
		.basic-grey label {
			display: block;
			margin: 0px;
		}
		.basic-grey label>span {
			float: left;
			width: 20%;
			text-align: right;
			padding-right: 10px;
			margin-top: 10px;
			color: #888;
		}
		.basic-grey textarea{
			padding: 5px 3px 3px 5px;
		}
		.basic-grey select {
			background: #FFF url('down-arrow.png') no-repeat right;
			background: #FFF url('down-arrow.png') no-repeat right);
			appearance:none;
			-webkit-appearance:none;
			-moz-appearance: none;
			text-indent: 0.01px;
			text-overflow: '';
			width: 70%;
			height: 35px;
			line-height: 25px;
		}
		.basic-grey textarea{
			height:100px;
		}
		.basic-grey .button {
			background: #E27575;
			border: none;
			padding: 10px 25px 10px 25px;
			color: #FFF;
			box-shadow: 1px 1px 5px #B6B6B6;
			border-radius: 3px;
			text-shadow: 1px 1px 1px #9E3F3F;
			cursor: pointer;
		}
		.basic-grey .button:hover {
			background: #CF7A7A
		}
		.basic-grey .header {
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
			font-size:14px;
			float: left;
		}

	</style>
</head>
<body>
<div  class="basic-grey">
<h1 style="float: left;width: 100%;">
	<span class="header">当前选择路径：</span>
	<span class="header" th:text="${currentUploadDirDesc}"></span>
</h1>
<label>
	<div id="ossfile" style="width: 300px;margin-left: auto;margin-right: auto;margin-top: 50px;">你的浏览器不支持flash或者HTML5！</div>
</label>
<label>
	<span>&nbsp;</span>
	<div id="oss-upload-container" style="width: 280px;margin-left: auto;margin-right: auto;margin-top: 20px;">
		<a id="selectfiles" href="javascript:void(0);" class='oss-btn'>选择文件</a>
		<a id="postfiles" href="javascript:void(0);" class='oss-btn'>开始上传</a>
	</div>
</label>
</div>
</body>
<script th:src="@{lib/oss-upload/lib/plupload-2.1.2/js/plupload.full.min.js}"></script>
<script th:src="@{lib/oss-upload/oss-upload.js}"></script>

</html>